<template>
    <div>
        <!-- 按键修饰符:给键盘事件增加功能 -->
        <!-- 按下指定的按键才会触发事件,列如 .enter  .esc -->
        <input @keydown.enter="father" type="text">
        <hr>
        <input @keydown.esc="son" type="text">

        <!--事件修饰符,阻止默认行为 -->
        <a @click.prevent href="http://www.baidu.com">去百度</a>

        <!-- @click.prevent阻止默认行为-->
        <!-- @click.stop 阻止事件冒泡 -->
    </div>
</template>

<script>
export default {
    name: 'VuecliDemoApp',

    data() {
        return {
            
        };
    },

    methods: {
        father(){
            console.log("我是回车");
        },
        son(){
            console.log("我是esc");
        }
    },
};
</script>

<style lang="scss" scoped>

</style>